<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui"
	xmlns:rich="http://richfaces.org/rich">
<ui:composition template="/WEB-INF/templates/plantillaPrincipal.xhtml">
	<ui:define name="menu">
		<h:panelGroup>
			<h:form>
				<table width="900" cellpadding="0" cellspacing="0">
					<tr>
						<td width="600" height="40">
							<table width="600" cellpadding="0" cellspacing="0">
								<tr>
									<td class="tabInactivo" width="150" height="40"><h:commandLink
											action="irInicio" value="#{msg.menuArchivos}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabInactivo" height="40" width="150"><h:commandLink
											action="irCategorias" value="#{msg.categorias}" />
									</td>
									<td class="tabInactivo" width="150"><h:commandLink
											action="irBuscador" value="#{msg.menuBuscador}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabActivo" width="150"><h:commandLink
											action="cargarDocumento" value="#{msg.menuSubirDocumento}"
											rendered="#{usuarioBean.logueado}" />
									</td>
								</tr>
							</table></td>
						<td width="300" style="border-bottom: 1px solid #2779AA"></td>
					</tr>
				</table>
			</h:form>
		</h:panelGroup>
	</ui:define>
	<ui:define name="content">
		<div class="subidaBckg">
			<h1>#{msg.subidaArchivoTitulo}</h1>
			<f:view>
				<div class="texto">
					<h:outputText value="#{msg.subidaArchivoTexto1}" />
					<br />
					<br />
					<h:outputText value="#{msg.subidaArchivoTexto2}" />
					<h:outputText value="#{uploadBean.listaExtensionesPermitidas}" />
					<br />
				</div>
				<h:outputText value="#{msg.tipoArchivoIncorrecto}"
					style="color:red;" rendered="#{uploadBean.tipoArchivoIncorrecto}" />
				<br />
				<h:form enctype="multipart/form-data">
					<br />
					<!--
					<h:outputText value="#{msg.categoria}" /> 
					<h:selectOneMenu value="#{uploadBean.categoria.idCategoria}"
						immediate="true">
						<f:selectItems value="#{uploadBean.listaComboCategoria}" />
					</h:selectOneMenu>
					-->
					<p:tree value="#{uploadBean.root}" var="node"
						selectionMode="single" selection="#{uploadBean.selectedNode}"
						id="treeCategorias">
						<p:ajax event="select" listener="#{uploadBean.onNodeSelect}" />
						<p:ajax event="unselect" listener="#{uploadBean.onNodeUnselect}" />

						<p:treeNode expandedIcon="ui-icon-folder-open"
							collapsedIcon="ui-icon-folder-collapsed">
							<h:outputText value="#{node.nombre}" />
						</p:treeNode>
					</p:tree>
					<br />
					<h:outputText value="#{msg.elijaServidor}" />
					<h:outputText value="       " />
					<h:selectOneMenu value="#{uploadBean.servidor.idServidor}"
						immediate="true">
						<f:selectItems value="#{uploadBean.listaComboServidor}" />
					</h:selectOneMenu>
					<br />
					<br />
					<p:fileUpload
						fileUploadListener="#{uploadBean.manejarSubidaArchivo}"
						mode="advanced" sizeLimit="20000000"
						allowTypes="#{uploadBean.listaExtensionesPermitidasEX}"
						multiple="false" description="#{msg.descripcion}"
						uploadLabel="#{msg.subir}" cancelLabel="#{msg.cancelar}"
						label="#{msg.examinar}" invalidSizeMessage="#{msg.tamanoArchivo}"
						invalidFileMessage="#{msg.tipoArchivoNoValido}"
						oncomplete="document.getElementById('botonSubmit').onclick();" />

					<t:commandLink style="display:none; visibility: hidden;"
						forceId="true" id="botonSubmit"
						action="#{uploadBean.subirArchivo}" />
				</h:form>
			</f:view>
		</div>
	</ui:define>
</ui:composition>
</html>
